<template>
  <div class="error-body">
    <div class="error-content">
        <div class="error-icon">
          <img src="/img/404.png">
      </div>
      <div class="error-text">抱歉，您访问的页面不存在</div>
      <div class="error-text2">如果您需要访问国科科技官网，请点击：</div>
      <div class="error-link"><a href="http://www.goktech.cn/">福建国科信息科技有限公司</a></div>
    </div>   
  </div>
</template>

<script>
import dom from '@/api/dom'
export default {
  layout: 'rest',
  data() {
    return{

    }
  },
  mounted(){
    let mHeight = window.innerHeight -395 
    let errorBody = document.querySelector('.error-body')
    errorBody.style.minHeight = mHeight + 'px'
    let errorContent = document.querySelector('.error-content')
    let mTop = (mHeight-errorContent.clientHeight)/2
    errorBody.style.paddingTop = mTop + 'px'
  },
 
  methods: {
    
  }
}
</script>

<style lang="stylus" scoped>
.error-body{
    width: 1200px;
    box-sizing: border-box;
    margin: 0 auto;
}
.error-content{
    width: 340px;
    margin auto;
}
.error-icon{
    margin-bottom: 16px;
}
.error-text{
font-size:26px;
font-family:MicrosoftYaHei-Bold;
font-weight:bold;
color:rgba(30,30,30,1);
line-height:35px;
margin-bottom: 35px;
}
.error-text2{
font-size:14px;
font-family:MicrosoftYaHei;
color:rgba(30,30,30,1);
line-height:19px;
margin-bottom: 18px;
}
.error-link{
font-size:14px;
font-family:MicrosoftYaHei;
color:rgba(20,87,253,1);
line-height:19px;
}
.error-link a{
color:rgba(20,87,253,1);
}
</style>
